<!DOCTYPE html>
<html class="no-js"> 
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta charset="UTF-8" />
        <title>PKL 54 | FAQ</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
        <link rel="icon" type="image/icon" href="images/logo/home.png">

        <!--nyoba pasang-->
        <link rel='stylesheet' id='main-css'  href='css/header.css' type='text/css' media='all' />
        <link rel='stylesheet' id='montserrat-css'  href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700%7COpen+Sans%3A300%2C400%2C700&#038;ver=4.1' type='text/css' media='' />
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
        <!--tututp-->

        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/templatemo_style.css">
        <link rel="stylesheet" href="css/templatemo_misc.css">
        <link rel="stylesheet" href="css/flexslider.css">
        <link rel="stylesheet" href="css/testimonails-slider.css">
        <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
        <script type='text/javascript'>
            /* <![CDATA[ */
            var meris_js_var = {"global_color": "#FED136"};
            /* ]]> */
        </script>
        <script type='text/javascript' src='js/less.min.js'></script>
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/respond.min.js?ver=1.4.2'></script>

    </script>
    <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/meris.js?ver=1.0.4'></script>
    <meta name="generator" content="WordPress 4.1" />
    <script type="text/javascript">
            jQuery(document).ready(function() {
// CUSTOM AJAX CONTENT LOADING FUNCTION
                var ajaxRevslider = function(obj) {

// obj.type : Post Type
// obj.id : ID of Content to Load
// obj.aspectratio : The Aspect Ratio of the Container / Media
// obj.selector : The Container Selector where the Content of Ajax will be injected. It is done via the Essential Grid on Return of Content

                    var content = "";

                    data = {};

                    data.action = 'revslider_ajax_call_front';
                    data.client_action = 'get_slider_html';
                    data.token = '07773db7dc';
                    data.type = obj.type;
                    data.id = obj.id;
                    data.aspectratio = obj.aspectratio;

// SYNC AJAX REQUEST
                    jQuery.ajax({
                        type: "post",
                        url: "http://www.mageewp.com/meris/wp-admin/admin-ajax.php",
                        dataType: 'json',
                        data: data,
                        async: false,
                        success: function(ret, textStatus, XMLHttpRequest) {
                            if (ret.success == true)
                                content = ret.data;
                        },
                        error: function(e) {
                            console.log(e);
                        }
                    });

// FIRST RETURN THE CONTENT WHEN IT IS LOADED !!
                    return content;
                };

// CUSTOM AJAX FUNCTION TO REMOVE THE SLIDER
                var ajaxRemoveRevslider = function(obj) {
                    return jQuery(obj.selector + " .rev_slider").revkill();
                };

// EXTEND THE AJAX CONTENT LOADING TYPES WITH TYPE AND FUNCTION
                var extendessential = setInterval(function() {
                    if (jQuery.fn.tpessential != undefined) {
                        clearInterval(extendessential);
                        if (typeof (jQuery.fn.tpessential.defaults) !== 'undefined') {
                            jQuery.fn.tpessential.defaults.ajaxTypes.push({type: "revslider", func: ajaxRevslider, killfunc: ajaxRemoveRevslider, openAnimationSpeed: 0.3});
                            // type:  Name of the Post to load via Ajax into the Essential Grid Ajax Container

                        }
                    }
                }, 30);
            });
    </script>
    <meta name="generator" content="WordPress 4.1" />
    <link rel="stylesheet" type="text/css" href="cssFAQ/templatemo-style.css">

</head>
<body>

    <!--Header-->
    <header>
        <div class="container">
            <div class="logo-box text-left">

                <a href="#PKL">
                    <img src="images/logo/home.png" class="site-logo" alt="" />
                </a>
                <div class="name-box">
                    <a href="#PKL54"><h1 class="site-name">PKL 54</h1></a>
                    <span class="site-tagline">Dari kita, oleh kita untuk Indonesia</span>
                </div>
            </div>
            <button class="site-nav-toggle">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-bars fa-2x"></i>
            </button>
            <form class="search-form">
                <div>

                </div>
            </form>
             <nav class="site-nav" role="navigation">
                <ul id="menu-main" class="main-nav">
                    <li id="menu-item-1636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1636"><a href="index.php"><span>Home</span></a></li>
                    <li id="menu-item-1637" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children menu-item-1637"><a href="#"><span>Info</span></a>
                        <ul class="sub-menu">
                            <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="berita.php?id=0"><span>Berita</span></a></li>
                            <li id="menu-item-1790" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1790"><a href="artikel.php?id=0"><span>Artikel</span></a></li>
                            <li id="menu-item-1786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1786"><a href="faq.php"><span>FAQ</span></a></li>
                        </ul>
                    </li>
                    <li id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1639"><a href="#"><span>Bidang</span></a>
                        <ul class="sub-menu">
                            <li id="menu-item-1692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1692"><a href="ekonomi.php"><span>Ekonomi</span></a></li>
                            <li id="menu-item-1693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1693"><a href="sosduk.php"><span>Sosduk</span></a></li>
                        </ul>
                    </li>
                    <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="#"><span>Monitoring</span></a></li>
                    <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="timeline.php"><span>Timeline</span></a></li>
                    <li id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1639"><a href="#"><span>Galeri</span></a>
                        <ul class="sub-menu">
                            <li id="menu-item-1692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1692"><a href="#"><span>Foto</span></a></li>
                            <li id="menu-item-1693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1693"><a href="#"><span>Video</span></a></li>
                        </ul>
                    </li>

                    <li id="menu-item-1696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1696"><a href="#"><span>Kontak</span></a></li>
                </ul>			
             </nav>
        </div>
    </header>
    <header class="sticky-header">
        <div class="container">
            <div class="logo-box text-left">
                <div class="name-box">
                    <a href="#"><h1 class="site-name">PKL 54</h1></a>
                </div>
            </div>
            <button class="site-nav-toggle">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-bars fa-2x"></i>
            </button>
            <nav class="site-nav" role="navigation">
                <ul id="menu-all-pages" class="sticky-header-menu"><li id="menu-item-1636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1636"><a href="index.php"><span>Home</span></a></li>
                    <li id="menu-item-1637" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children menu-item-1637"><a href="#"><span>Info</span></a>
                        <ul class="sub-menu">
                            <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="berita.php?id=0"><span>Berita</span></a></li>
                            <li id="menu-item-1790" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1790"><a href="artikel.php?id=0"><span>Artikel</span></a></li>
                            <li id="menu-item-1786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1786"><a href="faq.php"><span>FAQ</span></a></li>
                        </ul>
                    </li>
                    <li id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1639"><a href="#"><span>Bidang</span></a>
                        <ul class="sub-menu">
                            <li id="menu-item-1692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1692"><a href="ekonomi.php"><span>Ekonomi</span></a></li>
                            <li id="menu-item-1693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1693"><a href="sosduk.php"><span>Sosduk</span></a></li>
                        </ul>
                    </li>
                    <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="#"><span>Monitoring</span></a></li>
                    <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="timeline.php"><span>Timeline</span></a></li>
                    <li id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1639"><a href="#"><span>Galeri</span></a>
                        <ul class="sub-menu">
                            <li id="menu-item-1692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1692"><a href="#"><span>Foto</span></a></li>
                            <li id="menu-item-1693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1693"><a href="#"><span>Video</span></a></li>
                        </ul>
                    </li>

                    <li id="menu-item-1696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1696"><a href="contact.php"><span>Kontak</span></a></li>
                </ul>    </nav>
        </div>
    </header>

    <div id="timeline-post">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-section">
                        <h2>Frequently Asked Question</h2>
                        <img src="images/under-heading.png" alt="" >
                    </div>
                </div>
            </div>
            <div id="first-section1">
                <div class="container">
                    <div class="row">
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <section id="cd-timeline" class="cd-container">
                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-picture">
                                        <img src="images/question.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Apa judul topik PKL 54?</h2>
                                        <p>Comming soon...</p>
                                    </div>
                                </div>

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-movie">
                                        <img src="images/Place.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Dimana lokasinya?</h2>
                                        <p>Di empat kota di Jawa Barat.</p>
                                    </div>
                                </div>

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-icon">
                                        <img src="images/People.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Kalau Alokasi Petugasnya?</h2>
                                        <p>Comming soon...</p>
                                    </div>
                                </div> 

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-location">
                                        <img src="images/question.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Apa itu Advance?</h2>
                                        <p>Kegiatan Lapangan Pra PKL yang harus dilakukan di Jawa Barat seperti : mencari penginapan, peminjaman motor, dsb.</p>
                                    </div>
                                </div>

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-location">
                                        <img src="images/survey.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Apa itu Survei Pendahuluan (SP)?</h2>
                                        <p>Kegiatan Lapangan Pra PKL yang tidak harus dilakukan di Jawa Barat contoh : Uji Kuesioner dan Uji CAPI.</p>
                                    </div>
                                </div>

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-location">
                                        <img src="images/applications.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Apa itu CAPI?</h2>
                                        <p>Computer Assited Personal Interviewing, mudahnya adalah Kuesioner dalam bentuk digital di Gadget Andorid.</p>
                                    </div>
                                </div>

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-location">
                                        <img src="images/people.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Apa itu Korlap, Korwil, dan Kortim?</h2>
                                        <dl>
                                            <dt>Korlap</dt>
                                            <dd>Korlap (Koordinator Lapangan), yaitu petugas yang mengkoordinir dan mengawasi kegiatan pencacahan di Kota/Kabupaten yang membawahi beberapa Korwil.</dd>
                                            <dt>Korwil</dt>
                                            <dd>Korwil (Koordinator Wilayah), yaitu petugas yang mengkoordinir dan mengawasi kegiatan pencacahan di Beberapa Kecamatan yang membawahi beberapa Kortim.</dd>
                                            <dt>Kortim</dt>
                                            <dd>Kortim (Koordinator Tim), yaitu petugas yang mengkoordinir dan mengawasi kegiatan pencacahan di beberapa Desa/Kelurahan yang membawahi 3 orang Pencacah Lapangan.</dd>
                                        </dl>
                                    </div>
                                </div>

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-location">
                                        <img src="images/Date.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Kapan Pelaksanaan lapangan PKL 54?</h2>
                                        <p>Bulan Maret.</p>
                                    </div>
                                </div>

                                <div class="cd-timeline-block">
                                    <div class="cd-timeline-img cd-location">
                                        <img src="images/Date.png" alt="Picture">
                                    </div>

                                    <div class="cd-timeline-content service-box-content">
                                        <h2>Kapan Berangkat dari Jakarta?</h2>
                                        <p>Bulan Maret...</p>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footerUp">
        <div class="container">

            <div class="main-footer">
                <div class="row">
                    <div class="col-md-4">
                        <div class="artikel-terbaru">
                            <h4 class="footer-title">BERITA TERKINI</h4>
                            <div class="berita">
                            <?php
                                
                                include 'koneksiDB.php';
                                
                                $quer = 'SELECT * FROM artikel WHERE kode=1 ORDER BY tanggalPost desc limit 1';
                                //$run = mysql_db_query($conn,$query);
                                $result1=$conn->query($quer);
                                if ($result1->num_rows > 0) {
                                    // output data of each row
                                while($rows = $result1->fetch_assoc()) {
                                    echo"<center><img src=images/".$rows['fotoUtama']." width='350px'></center>";
                            echo "</div>";
                                    echo "<h3>" . $rows["judul"]."</h3>";
                                    echo "tanggal post: " . $rows["tanggalPost"]."<br>";
                                    
                                    echo "<a href='berita.php?id=".$rows["id"]."'>Selengkapnya...</a>";
                                                        }
                                        } else {
                                        echo "0 results";
                                        }
                                            
                            ?>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="artikel-terbaru">
                            <h4 class="footer-title">ARTIKEL TERBARU</h4>
                            <div class="berita">
                             <?php
                                                                
                                $query = 'SELECT * FROM artikel WHERE kode=0 ORDER BY tanggalPost desc limit 1';
                                //$run = mysql_db_query($conn,$query);
                                $result=$conn->query($query);
                                if ($result->num_rows > 0) {
                                    // output data of each row
                                while($row = $result->fetch_assoc()) {
                                    echo"<center><img src=images/".$row['fotoUtama']." width='350px'></center>";
                                    echo "</div>";
                                    echo "<h3>" . $row["judul"]."</h3>";
                                    echo "tanggal post: " . $row["tanggalPost"]."<br>";
                                    
                                    echo "<a href='artikel.php?id=".$row["id"]."'>Selengkapnya...</a>";
                                                        }
                                        } else {
                                        echo "0 results";
                                        }
                                            $conn->close();
                            ?>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="tanya-jawab">
                            <h4 class="footer-title">TWEETS</h4>
                            <a class="twitter-timeline"  width="375px" height="255px" href="https://twitter.com/STIS54" data-widget-id="559667614796890112">Tweets by @STIS54</a>
                            <script>!function(d, s, id) {
                                    var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
                                    if (!d.getElementById(id)) {
                                        js = d.createElement(s);
                                        js.id = id;
                                        js.src = p + "://platform.twitter.com/widgets.js";
                                        fjs.parentNode.insertBefore(js, fjs);
                                    }
                                }(document, "script", "twitter-wjs");</script>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
<footer>
    <div class="footer">
        <div class="row">
            <div class="col-md-9">
                <p>Copyright © 2015 <a href="stis.ac.id">Sekolah Tinggi Ilmu Statistik</a> | <a href="bps.go.id">Badan Pusat Statstik</a></p>
            </div>
            <div class="col-md-3">
                <ul>
                    <li><i class="fa fa-youtube-play"></i></li>
                    <li><i class="fa fa-twitter"></i></li>
                    <li><i class="fa fa-facebook"></i></li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/vendor/jquery-1.11.0.min.js"></script>
<script src="js/vendor/jquery.gmap3.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="js/custom.js"></script>

</body>
</html>